<template>
  <scroll-view class="menu-content" scroll-y="true" :show-scrollbar="false">
    <booth001 :imageUrl="'/static/common/weipinhui/banner002.png'"></booth001>
    <booth001 :imageUrl="'/static/common/weipinhui/banner001.png'"></booth001>
    <view class="pdlr-15 mr-tb-1015">
      <hstab006 :dataList="dataList" :rowNum="5" :eachLinenNum="10"></hstab006>
    </view>
    <view class="pdlr-15 mr-tb-1510">
      <booth002></booth002>
    </view>
    <booth003></booth003>
    <view class="mr-15 pdlr-15" v-for="item in bannerData" :key="item.id">
      <view class="br-25">
        <booth001 :imageUrl="item.imageUrl"></booth001>
      </view>
    </view>
    <view class="h-10"></view>
  </scroll-view>
</template>

<script>
import { defineComponent, reactive, toRefs } from "vue";
import { weipinhuiSmallData, bannerData } from "@/common/simulatedData.js";
export default defineComponent({
  name: "",
  props: {},
  components: {},
  setup() {
    const data = reactive({
      bannerData,
      dataList: [],
    });
    const init = () => {
      weipinhuiSmallData.forEach((item) => {
        data.dataList.push(...item.list);
      });
    };
    init();
    return {
      ...toRefs(data),
    };
  },
});
</script>

<style scoped lang="less">
.menu-content {
  height: 100%;
  background: #eee;
  box-sizing: border-box;

}
</style>
